<template>
  <div class="content">
    <div class="logo"></div>
    <div class="mes">
      <div class="nav">
        <div class="mouse_over">关于我们</div>
        <div class="mouse_over">联系我们</div>
        <div class="mouse_over">医院合作</div>
        <div>全国服务热线：<b>400-6677-400</b></div>
      </div>
      <p>©健康之路 专业就诊服务机构 版权所有 B2-20110196(全网) 闽B2-20090074</p>
      <p>
        请您阅读完整版
        <span class="mouse_over">《健康之路用户注册协议》</span>
        <span class="mouse_over">《健康之路产品隐私政策》</span>
        <span class="mouse_over">《健康之路产品儿童个人信息保护规则》</span>
        <span class="mouse_over">《健康之路用户自律公约》</span>和
        <span class="mouse_over">《健康之路知识产权协议》</span>
        了解详细信息
      </p>
      <p>互联网药品服务资格证书（证书标号：（闽）-经营性-2016-0001）</p>
      <p>
        <img
          src="../assets/picture/aae95eff6555498f8e45462b1196f8b8.png"
          alt=""
        />
        闽公网安备 35010202000982号
      </p>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { useRouter, useRoute } from "vue-router";
import { computed, onMounted, reactive, ref, watch } from "vue";
import { useStore } from "vuex";
import { ElMessage } from "element-plus";
</script>
<style lang="less" scoped>
.content {
  width: 1200px;
  height: 170px;
  display: flex;
  padding-top: 20px;
  .logo {
    width: 165px;
    height: 60px;
    background: url(../assets/image/f-logo-bg.png) no-repeat;
    margin: 20px 90px 0 0;
  }
  .mes {
    width: 600px;
    height: 100%;
    .nav {
      font-size: 14px;
      color: #666;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      b {
        color: #2acf8d;
        font-weight: bold;
      }
    }
    p {
      font-size: 12px;
      color: #bbbbbb;
      line-height: 20px;
      text-align: center;
    }
    > p:nth-child(4) {
      margin-top: 5px;
    }
    > p:nth-child(5) {
      margin-top: 16px;
      img {
        width: 20px;
        height: 20px;
        margin-right: 5px;
      }
    }
  }
}
</style>
